.@{alfresco} .alfresco-header-AlfCascadingMenu .dijitMenu .dijitMenuItemHover td,
.@{alfresco} .alfresco-header-AlfCascadingMenu .dijitMenu .dijitMenuItemSelected td,
.@{alfresco} .alfresco-header-AlfCascadingMenu .dijitMenu .dijitMenuItemHover,
.@{alfresco} .alfresco-header-AlfCascadingMenu .dijitComboBoxMenu .dijitMenuItemHover,
.@{alfresco} .alfresco-header-AlfCascadingMenu .dijitMenuItemSelected {
   background-color: @header-hover-background-color;
   background-image: none;
   background-repeat: no-repeat;
   color: @header-hover-font-color;
}

/* This has been added to set the display for cascading menus - TODO this needs to be changed
   for cases where groups have not been specified. */
.@{alfresco} .dijitPopup.Popup .alfresco-header-AlfCascadingMenu {
  border: 1px solid @header-focus-background-color;
  background-color: @header-focus-background-color;
  box-shadow: 0.33px 2px 8px rgba(0, 0, 0, 0.3);
  padding: 5px;
}

/* This ensures that the menu text color is white */
.@{alfresco} .dijitPopup.Popup .alfresco-header-AlfCascadingMenu .dijitMenuItem {
  color: @header-focus-font-color;
  background-color: @header-focus-background-color;
}

/* This overrides whatever Dojo theme is used */
.@{alfresco} .dijitPopup.Popup .alfresco-header-AlfCascadingMenu .dijitSelectMenu .dijitMenuItemHover td, 
.@{alfresco} .dijitPopup.Popup .alfresco-header-AlfCascadingMenu .dijitSelectMenu .dijitMenuItemSelected td, 
.@{alfresco} .dijitPopup.Popup .alfresco-header-AlfCascadingMenu .dijitMenuItemHover,
.@{alfresco} .dijitPopup.Popup .alfresco-header-AlfCascadingMenu .dijitMenuItemSelected {
  background-color: @header-hover-background-color;
  background-image: none;
  background-repeat: no-repeat;
  color: @header-hover-font-color;
}

/* More specific rule for properly grouped items */
.dijitPopup.Popup .alfresco-header-AlfCascadingMenu .alf-menu-group.dijitMenu .alf-menu-group-items .alf-dropdown-menu {
  border: 1px solid @header-focus-background-color;
  background-color: @header-focus-background-color;
  box-shadow: 0.33px 2px 8px rgba(0, 0, 0, 0.3);
  padding: 5px;
}

.@{alfresco} .dijitPopup.Popup .alfresco-header-AlfCascadingMenu {
  background-color: transparent;
  border: medium none;
  box-shadow: none;
  padding: 0;
}
